
<!-- saved from url=(0077)http://docs.fusioncharts.com/charts/contents/assets/ui/js/whskin_mbars.html#1 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>FusionCharts XT Documentation Navigation Bar</title>
<style>
<!--
body {margin:0;}

table#whtbar_mbars td { cursor:pointer };

-->
</style>
<script type="text/javascript" language="javascript" src="xmlreadhelper.js"></script>
<script language="javascript" src="whver.js"></script>
<script language="javascript1.2" src="whutils.js"></script>
<script language="javascript1.2" src="whmsg.js"></script>
<script language="javascript1.2" src="whproxy.js"></script>
<script language="javascript1.2" src="whmozemu.js"></script>
<script language="javascript1.2" src="whtbar.js"></script>
<script type="text/javascript">
	if (document.images) {
		var img1 = new Image();
		img1.src = "../Images/contentbutton.png";

		var img2 = new Image();
		img2.src = "../Images/indexbutton.png";

		var img3 = new Image();
		img3.src = "../Images/searchbutton.png";
	}
</script>
</head>
<body marginheight="0" marginwidth="0" bgcolor="#ffffff" scroll="no">
<div><div style="float:left; height:28px;">
<script language="javascript1.2">
<!--

	var nav_=window.location.hash;
	nav_=nav_?nav_.replace('#',''):'1';


	
	if (window.gbWhTBar)
	{
		setButtonFont("avprev","Microsoft Sans Serif","8pt","Black","Normal","Normal","none");
		setButtonFont("avnext","Microsoft Sans Serif","8pt","Black","Normal","Normal","none");
		setButtonFont("rolesel","Microsoft Sans Serif","8pt","Black","Normal","Normal","none");
		setButtonFont("synctoc","Microsoft Sans Serif","8pt","Black","Normal","Normal","none");
		setButtonFont("hide2","Microsoft Sans Serif","8pt","Black","Normal","Normal","none");


		gsIPrev = "wht_prev.gif";
		gsIPrevD = "wht_prev_g.gif";
		gsINext = "wht_next.gif";
		gsINextD = "wht_next_g.gif";
		gsISync = "wht_sync.gif";
		gsIHide = "wht_hide.gif";
		setBackgroundcolor("#ffffff");
		
		
		addButton("toc",BTN_TEXT|BTN_IMG,"Contents","","","","",0,0,"","","","","","");
		addButton("idx",BTN_TEXT|BTN_IMG,"Index","","","","",0,0,"","","","","","");
		addButton("fts",BTN_TEXT|BTN_IMG,"Search","","","","",0,0,"","","","","","");
		//addButton("hide2",BTN_TEXT|BTN_IMG,"","","","","",0,0,"","","","","","");

		addButton("blankblock");
		writeStyle(true);
		ReSortMinibarButtons();
		writeToolBar();
	}
	else
		document.location.reload();

	if (window.gbNav6)
	{
		var oMsg=new whMessage(WH_MSG_RELOADNS6,this, 1,null);
		SendMessage(oMsg);
	}
	
	
	
	
//-->
</script><style type="text/css">

.clsBtnNormal {
padding:1px;
cursor:hand;
font-family:Arial;
font-size:xx-small;
color:#003063;}
.clsNoBNormal {
padding-left:2px;padding-right:2px;
cursor:hand;
font-family:Arial;
font-size:xx-small;
color:#003063;}
.clsBtnDisable {
padding:2px;
cursor:default;
font-family:Arial;
font-size:xx-small;
color:#003063;}
.clsNoBDisable {
padding-left:2px;padding-right:2px;
cursor:default;
font-family:Arial;
font-size:xx-small;
color:#003063;}
.clsNotBtn {
padding:2px;
font-family:Arial;
font-size:xx-small;
color:#003063;}
.clsBtnUp{
padding:1px;
cursor:hand;font-family:Arial;
font-size:xx-small;
color:#FFFFFF !important;}
.clsNoBUp{
padding-left:2px;padding-right:2px;
cursor:hand;font-family:Arial;
font-size:xx-small;
color:#003063;}
.clsBtnDown{
padding:1px;
color:#003063;
cursor:hand;
font-family:Arial;
font-size:xx-small;}
.clsNoBDown{
padding-left:2px;padding-right:2px;
cursor:hand;font-family:Arial;
font-size:xx-small;
color:#003063;}
.btnseltoc{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:white;}.btntoc{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:#919191;}.btnselidx{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:white;}.btnidx{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:#919191;}.btnselfts{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:white;}.btnfts{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:#919191;}.btnselblankblock{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:white;}.btnblankblock{font-family:Verdana;font-size:8pt;font-style:normal;font-weight:normal;text-decoration:none;color:#919191;}.btnavprev{font-family:Microsoft Sans Serif;font-size:8pt;font-style:Normal;font-weight:Normal;text-decoration:none;color:Black;}
.btnavnext{font-family:Microsoft Sans Serif;font-size:8pt;font-style:Normal;font-weight:Normal;text-decoration:none;color:Black;}
.btnrolesel{font-family:Microsoft Sans Serif;font-size:8pt;font-style:Normal;font-weight:Normal;text-decoration:none;color:Black;}
.btnsynctoc{font-family:Microsoft Sans Serif;font-size:8pt;font-style:Normal;font-weight:Normal;text-decoration:none;color:Black;}
.btnhide2{font-family:Microsoft Sans Serif;font-size:8pt;font-style:Normal;font-weight:Normal;text-decoration:none;color:Black;}
.clsToolbarBackground, .minibarcontentsbg{
margin:2px; 
 background-image:url('../Images/contentbutton.png'); background-repeat:no-repeat; }
.clsToolbarBackground td, .minibarcontentsbg td, .minibarindexbg td, .minibarsearchbg td{
 }
.minibarindexbg{
margin:2px; 
 background-image:url('../Images/indexbutton.png'); background-repeat:no-repeat; }
.minibarsearchbg{
margin:2px; 
 background-image:url('../Images/searchbutton.png'); background-repeat:no-repeat; }

 body {
}

</style>
<table id="whtbar_mbars" class="minibarcontentsbg" cellpadding="0" cellspacing="0" border="0" height="100%" width="230"><tbody><tr><td width="33%" nowrap="" valign="middle" align="center" class="clsBtnDown" state="up" onclick="onBtnClick(event); highlightButton(this);return false;" onmousedown="onBtnMouseDown(event, 0);" onmouseup="onBtnMouseUp(event, 0);" onmouseover="onBtnMouseOver(event, 0);" onmouseout="onBtnMouseOut(event, 0);"><a title="Contents" id="btntoc" class="btnseltoc" href="javascript:void(0);" onclick="showToc();return false;">Contents</a></td><td width="33%" nowrap="" valign="middle" align="center" class="clsBtnNormal" state="up" onclick="onBtnClick(event); highlightButton(this);return false;" onmousedown="onBtnMouseDown(event, 1);" onmouseup="onBtnMouseUp(event, 1);" onmouseover="onBtnMouseOver(event, 1);" onmouseout="onBtnMouseOut(event, 1);"><a title="Index" id="btnidx" class="btnidx" href="javascript:void(0);" onclick="showIndex();return false;">Index</a></td><td width="33%" nowrap="" valign="middle" align="center" class="clsBtnNormal" state="up" onclick="onBtnClick(event); highlightButton(this);return false;" onmousedown="onBtnMouseDown(event, 2);" onmouseup="onBtnMouseUp(event, 2);" onmouseover="onBtnMouseOver(event, 2);" onmouseout="onBtnMouseOut(event, 2);"><a title="Search" id="btnfts" class="btnfts" href="javascript:void(0);" onclick="showFts();return false;">Search</a></td></tr></tbody></table>
</div>
<div style="float:right; margin-top:6px; cursor:pointer;" title="Close navigation panels"><img id="ec" src="collapse.png" title="Close navigation panels" width="16" height="16" onclick="collapseNavBar()"></div>
<div style="clear:all;"></div>
<script type="text/javascript">
	function isLocalStorageAvailable()
	{
		try
		{
			return ('localStorage' in window==true && window['localStorage'] !== null && typeof localStorage.getItem=='function');
		}
		catch(e)
		{
			return false;
		}
	}
	var isLocalStore = isLocalStorageAvailable();

			
	function collapseNavBar()
	{
			
		if(isLocalStore) {
			localStorage.removeItem("FC__MENU_COLLAPSED");
			localStorage.setItem("FC__MENU_COLLAPSED", true);
		}
		try{
			parent.parent.document.getElementById("mainframeset").cols = "0,25,*";
		}catch(e) {}
		
	}
	

	function customTrackHash()
	{	
		customHighlightMbar(parseInt(nav_));
		
		window.setInterval (
		function ()
		{
			var newNav = window.location.hash;
			if(newNav) newNav = newNav.replace('#','');
			if(nav_!=newNav)
			{
				nav_ = newNav;
				if(nav_=="1") showToc();
				if(nav_=="2") showIndex();
				if(nav_=="3") showFts();
				
				if (nav_=="1" || nav_=="2" || nav_=="3") customHighlightMbar(parseInt(nav_));
				
			}
			
			
		
		}, 333);
	}

	function customHighlightMbar(buttonIndex)
	{
		var buttonIndices = ['toc', 'toc', 'idx', 'fts'];
		var buttonClasses = ['minibarcontentsbg', 'minibarcontentsbg', 'minibarindexbg', 'minibarsearchbg'];
		
		for(var i=1; i<buttonIndices.length; i++)
		{
			var elm = document.getElementById("btn"+buttonIndices[i]);
		
			if( i==buttonIndex )
			{
				elm.parentNode.className ="clsBtnDown";
				elm.className = "btnsel"+buttonIndices[i];
				
			}
			else
			{
				elm.parentNode.className ="clsBtnNormal";
				elm.className = "btn"+buttonIndices[i];
				
			}
			
		}
		document.getElementById("whtbar_mbars").className= buttonClasses[buttonIndex];
		
	}
</script>
</div>


</body></html>